<!DOCTYPE html>
<html <?php language_attributes(); ?>>
	<head>
	
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<title><?php bloginfo('name'); ?><?php wp_title('|'); ?></title>
		
		<link rel="shortcut icon" href="<?php echo get_bloginfo("template_directory"); ?>/image/fav.png" type="image/x-icon"/>
		
		<link href="<?php echo get_bloginfo("template_directory"); ?>/css/bootstrap.min.css" rel="stylesheet">
		<link href="<?php echo get_bloginfo("template_directory"); ?>/css/modern-business.css" rel="stylesheet">
		<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
		<link href='//fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>	
	
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		
		<!-- Bootstrap Core JavaScript -->
		<script async src="<?php echo get_bloginfo("template_directory"); ?>/js/bootstrap.min.js"></script>
		
		<script>
		$('.carousel').carousel({
			interval: 5000 //changes the speed
		})
		$('.em-cartaz').carousel();
		</script>		
		<?php wp_head(); ?>
	</head>
	<body>
		<!-- Navigation -->
		<nav id="barraTopo" class="navbar" role="navigation">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menuTopo">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="<?php bloginfo('url'); ?>">
						<img id="logoTopo" src="<?php echo get_bloginfo("template_directory"); ?>/image/logo.png" />
					</a>
					<div class="clear"></div>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="menuTopo">
					<ul class="nav navbar-nav">
						<li>
							<a href="/cinema">Cinema</a>
						</li>
						<li>
							<a href="/series">Séries</a>
						</li>
						<li>
							<a href="/games">Jogos</a>
						</li>
						<li>
							<a href="/quadrinhos">Quadrinhos</a>
						</li>
						<li>
							<a href="/livros">Livros</a>
						</li>
						<li class="searchTaxi">
							<form action="/" method="get">
								<input type="text" name="s" class="form-control">
								<button class="btn btn-default" type="button">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</form>
						</li>
					</ul>
					
				   
				</div>
				<!-- /.navbar-collapse -->
				<div class="clear"></div>
			</div>
			<!-- /.container -->
		</nav>
		
		